
<script>
{
   /* 
<div>
    <ul defaultValue="2">
        <li>首页</li>
        <li>教师风采</li>
        <li>学生天地</li>
    </ul>
    <div className="container">
        <div>首页content</div>
        <div>教师风采content</div>
        <div>学生天地content</div>
    </div>
</div>

<tabs defaultValue="1">
    <tab label="首页" rel="1">首页content</tab>
    <tab label="教师风采" rel="2">教师风采content</tab>
    <tab label="学生天地" rel="3">学生天地content</tab>
</tabs>
*/
}
import TabContent from "./tab-content";

export default {
    name: 'Tabs',
    props: ["defaultValue"],
    data(){
        return {
            datas: []
        }
    },
    render(){
        return (
            <div class="tabs">
                <ul>
                    { this.$slots.default }
                </ul>
                <TabContent datas={ this.datas } />
            </div>
        )
    },
    components:{
        TabContent
    },
    methods:{
        dochange(v){
            this.$emit("getRel",v);
        }
    }
}
</script>

<style lang="less" scoped>
.tabs{
    clear:both;
    overflow: hidden;
    ul{
        position:absolute;
        height:100%;
        margin:0;
        padding:0;
        list-style:none;
        width:2rem;
        background:rgba(246, 246, 246, 0.95);
    }
}
</style>